<!DOCTYPE html>
<style>
    col { width: 200px; }
    td { background-color: #66f; height: 25px; }
</style>
<script type="text/javascript">
    onload = function () {
        var col = document.getElementById('thecol');
        col.offsetTop;
        col.style.width="100px";
        checkLayout("td", document.getElementById("test-output"));
    }
</script>
<script src="../../resources/check-layout.js"></script>
Tests that the width of table cell changes on changing the colgroup width to new width.
<table>
    <colgroup>
        <col id="thecol">
    </colgroup>
    <tbody>
        <tr>
            <td data-expected-width="100"></td>
        </tr>
    </tbody>
</table>
<div id="test-output"></div>
